@charset "utf-8";


/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



/*banner*/
::-webkit-scrollbar{width: 12px;height: 12px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 12px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 12px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}
::selection{background-color: #5c0789;color: #fff;}
::-moz-selection{background-color: #5c0789;color: #fff;}
::-webkit-selection{background-color: #5c0789;color: #fff;}
#wjdh-kefu .wjdh-kefu-qq p,
#wjdh-kefu .wjdh-kefu-qq a,
#wjdh-kefu .wjdh-kefu-tel p,
#wjdh-kefu .wjdh-kefu-tel img,
#wjdh-kefu .wjdh-kefu-erweima img{box-sizing: content-box;}
*{padding: 0;margin: 0;font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body{font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #333;margin: 0;line-height: 1.5;background: url(../images/top_bg.jpg) repeat center;}
*:before, *:after{box-sizing: content-box;}
:focus{outline: 1;}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary{display: block;}
a{color: #333;text-decoration: none;}
a:link,
a:hover,
a:active,
a:visited{text-decoration: none;}
ins{background-color: #ff9;color: #000;text-decoration: none;}
mark{background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,
select{vertical-align: middle;}
li,
ul{list-style-type: none;}
img{border: none;}
input,textarea{outline: 0;border: 0;resize: none;}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em{font-weight: normal;font-style: normal;}
.webqq_ewm{box-sizing: content-box;}
.fixedNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));box-shadow: 0px 10px 12px rgba(0,0,0,.1);}
html{cursor: url(../images/cur.png), default;}
a{cursor: url(../images/Acur.png), default ;}
textarea{animation: animated 1s infinite;-moz-animation: animated 1s infinite;-webkit-animation: animated 1s infinite;-o-animation: animated 1s infinite;}
input[type="text"]{animation: animated 1s infinite;-moz-animation: animated 1s infinite;-webkit-animation: animated 1s infinite;-o-animation: animated 1s infinite;}
input[type="button"]{cursor: url(../images/Acur.png), default !important;}
input,button{outline: none;}
@keyframes animated{0%{cursor: url('../images/Pcuro1.png'), auto;}
8.8%{cursor: url('../images/Pcuro2.png'), auto;}
17.6%{cursor: url('../images/Pcuro3.png'), auto;}
26.4%{cursor: url('../images/Pcuro4.png'), auto;}
35.2%{cursor: url('../images/Pcuro5.png'), auto;}
44%{cursor: url('../images/Pcuro6.png'), auto;}
52.8%{cursor: url('../images/Pcuro7.png'), auto;}
61.6%{cursor: url('../images/Pcuro8.png'), auto;}
70.4%{cursor: url('../images/Pcuro9.png'), auto;}
79.2%{cursor: url('../images/Pcuro10.png'), auto;}
88%{cursor: url('../images/Pcuro11.png'), auto;}
100%{cursor: url('../images/Pcuro12.png'), auto;}}
.wjdh-ico1,.wjdh-ico2{vertical-align: middle;}
.clear{clear: both;}
/* top*/.top_bg{width: 100%;margin: 0 auto;height: 45px;border-bottom: 1px solid #eeeeee;}
.top_bg .wel_box{width: 1200px;margin: 0 auto;height: 45px;line-height: 45px;}
.top_bg .wel_box .wel{float: left;background: url(../images/buttom1.png) no-repeat left center;font-size: 14px;color: #666;padding-left: 20px;}
.top_bg .wel_box .top_r{float: right;}
/* 询盘*/
i{font-weight: normal;font-style: normal;}
.topxunpan{height: 44px;float: right;position: relative;margin-left: 20px;}
.topxunpan .xp{position: relative;line-height: 44px;color: #666;font-size: 12px;cursor: pointer;}
.topxunpan .xp img{position: relative;margin-right: 2px;vertical-align:middle;top: 0px;}
.topxunpan .xp i{padding: 5px;margin-left: 1px;margin-right: 1px;font-size: 12px;box-sizing: border-box;color: #fff;font-family: Arial, Helvetica, sans-serif;text-align: center;background: #5c0789;border-radius: 50%;}
.topxunpan .xp #xunpantip{z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #5c0789;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}
.topxunpan .xp #xunpantip::after{content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);border: 8px solid transparent;border-bottom-color: #5c0789;}
.topxunpan .xp #xunpantip.xunpantextactive{-webkit-transform: translateX(-50%) scale(1);-moz-transform: translateX(-50%) scale(1);-o-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);opacity: 1;}
.top_r .t_buttom{float: left;color: #666;font-size: 12px;}
.top_r .t_buttom h1{display: inline-block;font-weight:400;color: #666;font-size: 12px;}
.top_r .t_buttom h1 a{color: #666;font-size: 12px;margin: 0 5px ;}
.top_r .t_buttom a{color: #666;font-size: 12px;margin: 0 5px ;text-transform: uppercase;}
.top_r .t_buttom a:first-child{margin: 0 10px;}
.top_r .t_buttom a img{position: relative;top: 0px;vertical-align: middle;margin-right: 3px;}
/* pagetop*/.pagetop{width: 1200px;margin: 0 auto;height: 125px;position: relative;}
.pagetop .logo{float: left;margin: 32px 30px 0 0;}
.pagetop .logo img{width: 195px;height: 60px;display: block;}
.pagetop .trait{float: left;margin-top: 32px;height: 60px;border-left: 1px solid #f3f3f3;padding-left: 30px;}
.pagetop .trait h5{line-height: 40px;font-size: 37px;color: #333;font-weight: bold;display: block;}
.pagetop .trait p{font-size: 18px;color: #5c0789;margin-top: 5px;letter-spacing: 10px;}
.pagetop .tel{float: right;margin-top: 25px;}
.pagetop .tel span{float: left;background: url(../images/tel.png) no-repeat top right;padding-top: 50px;font-size: 16px;color: #333;}
.pagetop .tel .tel_num{float: left;border-left: 1px solid #dddddd;padding-left: 20px;height: 70px;margin-left: 20px;line-height: 74px;}
.pagetop .tel p{font-family: Arial, Helvetica, sans-serif;font-size: 30px;color: #5c0789;line-height: 74px;}
/*导航栏样式*/.nav_bg{height: 65px;margin: 0 auto;width: 100%;position: relative;z-index: 5;background: url(../images/nav_bg.png) no-repeat center;}
.menu{width: 1200px;margin: 0px auto;height: 65px;position: relative;}
.nav{width: 1200px;height: 65px;margin: 0 auto;}
.nav>li{height: 65px;text-align: center;width: 171px;float: left;position: relative;z-index: 999;box-sizing: content-box;}
.nav>li>a{display: block;color: #333;font-size: 16px;line-height: 65px;background: url(../images/nav_l.png) no-repeat right center;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nav>li:hover{background: url(../images/nav_hover.png) no-repeat center;}
.nav>li:hover>a{color: #fff;}
.nav>li.another{background: url(../images/nav_hover.png) no-repeat center;}
.nav>li.another>a{color: #fff;}
.nav .sec{height: 0;width: 1000px;overflow: hidden;z-index: 9999;position: absolute;top: 65px;left: -700px;background: #fafafa;text-align: center;}
.secleft{width: 1000px;margin: 0 auto;}
.secleft ul{text-align: center;}
.secleft ul li{display: inline-block;margin: 0 80px;}
.secleft ul li img{display: block;width: 30px;height: 30px;margin: 50px auto 20px auto;}
.secleft ul li a{display: block;text-align: center;font-size: 14px;color: #666;}
.secleft .nav_txt{float: left;width: 400px;margin-left: 50px;margin-top: 50px;}
.secleft .nav_txt ul li{width: 180px;height: 50px;line-height: 50px;background: #5c0789;margin: 10px;float: left;}
.secleft .nav_txt ul li a{text-align: center;font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;}
.secleft .nav_r{float: right;width: 460px;height: 210px;margin: 20px 50px 0 0;}
.secleft img{width: 460px;height: 210px;}
/*.nav_line{width: 980px;height: 4px;background: #e3e3e3;position: absolute;right: 0;bottom: 4px;}*/.nav li.pro.non{background: #5c0789;}
.nav .secs{height: 0;background: #fff;width: 1200px;overflow: hidden;z-index: 9999;position: absolute;top: 65px;left: -450px;}
.nav .secs li.nlayer1 .nav_img{width: 266px;height: 153px;margin: 10px auto 0 auto;border: 1px solid #eee;}
.nav .secs li.nlayer1 img{width: 256px;height: 143px;padding: 5px;display: block;}
.nav .secs li.nlayer1{float: left;width: 298px;background: none;margin-top: 12px;border-right: 1px solid #cccccc;height: 400px;overflow: hidden;}
.nav .secs li.nlayer1:nth-child(4){border-right: none;}
.nav .secs li.nlayer1>a{text-align: center;width: 268px;line-height: 34px;height: 34px;background: #f2f2f2;margin-left: 15px;color: #333;font-weight: bold;}
.nav .secs li.nlayer1 a.a{background: #d9d9d9;margin: 10px auto 0 auto;display: block;}
.nav .secs .nlayer2{width: 268px;margin-left: 15px;position: relative;}
.nav .secs .nlayer2 a{margin-top: 7px;text-align: center;line-height: 30px;height: 30px;background: #f2f2f2;color: #666;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;font-size: 14px;width: 258px;padding: 0 5px;box-sizing: content-box;position: relative;z-index: 5;-webkit-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.nav .secs .nlayer2 span{width: 0;height: 30px;background: #5c0789;position: absolute;left: 0;bottom: 0;display: block;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;z-index: -1;}
.nav .secs .nlayer2 a:hover span{width: 100%;}
.nav .secs .nlayer2 a:hover{color: #fff;}
.fixedNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));}
/*footer_bg*/.footer_bg{width: 100%;margin: 0 auto;height: 350px;background: url(../images/footer_bg.jpg) no-repeat center;}
.footer_bg .footer{width: 1200px;margin: 0 auto;padding-top: 45px;box-sizing: content-box;height: 210px;}
.footer_bg .footer .f_l{float: left;width: 1026px;}
.footer_bg .footer .f_l dl{width: 160px;float: left;background: url(../images/f_xt.png) no-repeat left 8px;height: 170px;padding: 0 45px;box-sizing: content-box;}
.footer_bg .footer .f_l dl dt{font-size: 18px;color: #fff;margin-bottom: 10px;}
.footer_bg .footer .f_l dl dt span{font-size: 12px;font-weight: normal;color: #666666;text-transform: uppercase;display: block;}
.footer_bg .footer .f_l dl dd a{font-size: 14px;color: #cccccc;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;}
.footer_bg .footer .f_r{float: right;}
.footer_bg .footer .f_r ul li{width: 117px;float: left;margin-left: 55px;}
.footer_bg .footer .f_r ul li .ewm img{width: 117px;height: 117px;}
.footer_bg .footer .f_r ul li p{font-size: 14px;color: #fff;line-height: 22px;text-align: center;margin-top: 5px;}
.footer_bg .f_cont{width: 1200px;margin: 10px auto 0 auto;}
.footer_bg .f_cont ul li{height: 45px;line-height: 45px;float: left;width: 300px;}
.footer_bg .f_cont ul li img{float: left;width: 40px;height: 45px;margin-right: 10px;}
.footer_bg .f_cont ul li p{float: left;width: 250px;font-size: 14px;color: #fff;}

.footer_bg .f_cont ul li:nth-child(3){
    width: 400px;
}

.footer_bg .f_cont ul li:nth-child(3) p{
    width: 308px;
}

.end_bg{width: 100%;margin: 1px auto 0 auto;height: 61px;background: #3c005c;}
.end_bg .end{width: 1200px;margin: 0 auto;height: 60px;line-height: 60px;font-size: 14px;color: #fff;}
.end_bg .end a{font-size: 14px;color: #fff;}
.end_bg .end img{margin: 0 2px;vertical-align: middle;}
.fullSlide {

    width: 100%;

    position: relative;

    height: 600px;

    background: #FFF;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    height: 600px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .fullSlide .bd ul {

    width: 100% !important;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 600px;

    overflow: hidden;

    text-align: center;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 600px;

  }

  

  .fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 0;

    height: 30px;

    text-align: center;

  }

  

  .fullSlide .hd ul {

    text-align: center;

  }

  

  .fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 12px;

    height: 12px;

    margin: 7px;

    background-color: #fff;

    overflow: hidden;

    line-height: 99px;

    border-radius: 50%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

  }

  

  .fullSlide .hd ul .on {

    width: 20px;

    background: #f1f1f1;

    border-radius: 6px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

  }

  

  

  .fullSlide .next {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerR.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    right: 10%;

  }

  

  .fullSlide .prev {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerL.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 10%;

  }





/*sou*/



.notice_bg{

    width: 100%;

    margin: 0 auto;

    height: 50px;

    border-bottom: 1px solid #eeeeee;

}



.notice_bg .sou{

    width: 1200px;

    margin: 0 auto;

    height: 50px;

}



.notice_bg .sou .notice{

    float: left;

    width: 560px;

}



.notice h5 {

    font-size: 14px;

    color: #333;

    font-weight: bold;

    background: url(../images/buttom5.png) no-repeat left center;

    padding-left: 20px;

    float: left;

    line-height: 50px;

}



.notice .bd {

    overflow: hidden;

    margin:0px ;

    width: 460px;

    height: 30px;

    float: left;

    margin-top: 10px;

}



.notice .bd ul  li {

    height: 30px;

    line-height: 30px;

}



.notice .bd ul  li a {

    color: #666;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    float: left;

    width: 370px;

}



.notice .bd ul  li span {

    color: #999;

    font-size: 12px;

    float: right;

}





.search {

    width: 360px;

    height: 33px;

    float: right;

    line-height: 33px;

    margin-top: 8px;

}





.search2 {

    float: left;

    width: 308px;

    height: 31px;

    line-height: 31px;

    color: #a7a6a6;

    font-size: 12px;

    background: none;

    border: 1px solid #d8d8d8;

    text-indent: 10px;

}



.search_s input {

    float: right;

    width: 50px;

    height: 33px;

    margin: 0;

}







/*title*/



.title{

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.title h3 {

    font-size: 32px;

    font-weight: bold;

    color: #333;

}



.title h3 a {

    font-size: 32px;

    font-weight: bold;

    color: #5d0889;

}



.title p{

    font-size: 16px;

    color: #cccccc;

    text-transform: uppercase;

    margin-top: 3px;

}





/*product*/



.product{

    width: 1200px;

    margin: 65px auto 0 auto;

}





.product .pro_list{

    width: 1200px;

    margin: 45px auto 0 auto;

    height: 58px;

}



.product .pro_list ul{

    text-align: center;

}



.product .pro_list ul li{

    display: inline-block;

    margin: 0 18px;

    height: 58px;

}



.product .pro_list ul li a{

    display: block;

    text-align: center;

    width: 186px;

    height: 41px;

    line-height: 41px;

    border: 2px solid #5c0789;

    border-radius: 25px;

    padding: 0 5px;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}





.product .pro_list ul li:hover{

    background: url(../images/pro_list.png) no-repeat center top ;

}



.product .pro_list ul li:hover a{

    color: #fff;

}





.product .pro_box{

    width: 1200px;

    margin: 40px auto 0 auto;

}





.product .pro_box ul li{

    float: left;

    width: 285px;

    height: 340px;

    background: #fff;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    margin: 0 8px 20px 7px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .pro_box ul li .pic{

    width: 265px;

    height: 250px;

    margin: 10px auto 0 auto;

}



.product .pro_box ul li .pic img{

    width: 265px;

    height: 250px;

    border-radius: 5px;

}





.product .pro_box ul li .txt{

    width: 265px;

    height: 80px;

    margin: 0 auto;

}



.product .pro_box ul li .txt h5 a{

    text-align: center;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    margin: 13px auto 7px auto;

}





.product .pro_box ul li .txt .more{

    font-size: 14px;

    color: #999;

    display: block;

    margin-left: 75px;

    background: url(../images/more.png) no-repeat 90px center;

}



.product .pro_box ul li:hover{

    -webkit-box-shadow: 0 0 8px 6px rgba(92, 7, 137, .08);

    box-shadow: 0 0 8px 6px rgba(92, 7, 137, .08);

}



.product .pro_box ul li:hover .txt h5 a{

    color: #5c0789;

}







/*te*/



.te_bg {

    width: 100%;

    height: 829px;

    overflow: hidden;

    margin: 45px auto 0 auto;

    background: url(../images/ys_bg.jpg) no-repeat center;

}



.te_bg .te{

    width: 1200px;

    margin: 0 auto;

    padding-top: 60px;

}



.te_bg .te .te_l{

    float: left;

    width: 680px;

}



.te_bg .te .te_l ul li{

    width: 600px;

    height: 135px;

    border-radius: 5px;

    margin-bottom: 15px;

    background: #fff;

    padding-top: 30px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.te_bg .te .te_l ul li .h5{

    float: left;

    font-size: 14px;

    color: #5c0789;

    margin-left: 0px;

    width: 20px;

    writing-mode:tb-rl;

    opacity: 0;

    margin-top: 10px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.te_bg .te .te_l ul li h6{

    float: left;

    margin-left: 25px;

    font-size: 18px;

    color: #000000;

    font-weight: bold;

}



.te_bg .te .te_l ul li h6 span{

    display: block;

    width: 69px;

    height: 69px;

    border: 1px solid #9c9c9c;

    border-radius: 50%;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    margin-bottom: 8px;

}





.te_bg .te .te_l ul li p{

    margin-left: 20px;

    font-size: 14px;

    color: #666;

    line-height: 30px;

    float: left;

    width: 420px;

    margin-top: 7px;



}



.te_bg .te .te_l ul li.ys1 h6 span{

    background: url(../images/te1.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys2 h6 span{

    background: url(../images/te2.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys3 h6 span{

    background: url(../images/te3.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys4 h6 span{

    background: url(../images/te4.png) no-repeat center ;

}



.te_bg .te .te_l ul li:hover h6 span{

    background: #5c0789;

    border: 1px solid #5c0789;

}





.te_bg .te .te_l ul li.ys1:hover h6 span{

    background:  #5c0789 url(../images/te11.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys2:hover h6 span{

    background: #5c0789 url(../images/te22.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys3:hover h6 span{

    background: #5c0789 url(../images/te33.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys4:hover h6 span{

    background: #5c0789 url(../images/te44.png) no-repeat center ;

}





.te_bg .te .te_l ul li:hover{

    width: 680px;

}



.te_bg .te .te_l ul li:hover .h5{

    margin-left: 30px;

    opacity: 1;

}



.te_bg .te .te_l ul li.on{

    width: 680px;

}



.te_bg .te .te_l ul li.on .h5{

    margin-left: 30px;

    opacity: 1;

}



.te_bg .te .te_l ul li.on h6{

    color: #5c0789;

}



.te_bg .te .te_l ul li.ys1.on h6 span{

    background:  #5c0789 url(../images/te11.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys2.on h6 span{

    background: #5c0789 url(../images/te22.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys3.on h6 span{

    background: #5c0789 url(../images/te33.png) no-repeat center ;

}



.te_bg .te .te_l ul li.ys4.on h6 span{

    background: #5c0789 url(../images/te44.png) no-repeat center ;

}



.te_bg .te .message{

    float: right;

    width: 245px;

    margin-right: 135px; 

    margin-top: 160px;

}



.te_bg .te .message h5{

    text-align: center;

    font-size: 25px;

    color: #333;

    font-weight: bold;

}



.te_bg .te .message h5 span{

    display: block;

    font-size: 12px;

    color: #ccc;

    text-transform: uppercase;

    font-weight: normal;

    margin-top: 5px;

}



.te_bg .te .message .form-group1{

    margin: 30px auto 0 auto;

    width: 243px;

    height: 38px;

    border: 1px solid #eeeeee;

    border-radius: 5px;

}



.te_bg .te .message .form-group1 input{

    width: 243px;

    height: 38px;

    font-size: 12px;

    color: #ccc;

    text-indent: 30px;

    background: url(../images/m1.png) no-repeat 10px center ;

}





.te_bg .te .message .form-group2{

    margin: 20px auto 0 auto;

    width: 243px;

    height: 38px;

    border: 1px solid #eeeeee;

    border-radius: 5px;

}



.te_bg .te .message .form-group2 input{

    width: 243px;

    height: 38px;

    font-size: 12px;

    color: #ccc;

    text-indent: 30px;

    background: url(../images/m2.png) no-repeat 10px center ;

}





.te_bg .te .message .form-group3{

    margin: 20px auto 0 auto;

    width: 243px;

    height: 83px;

    border: 1px solid #eeeeee;

    border-radius: 5px;

}



.te_bg .te .message .form-group3 textarea{

    width: 203px;

    height: 73px;

    font-size: 12px;

    color: #ccc;

    background: url(../images/m3.png) no-repeat 10px 13px ;

    padding: 10px 10px 0 30px;

}





.te_bg .te .message .form-group4{

    margin: 20px auto 0 auto;

    width: 243px;

    height: 38px;

    border: 1px solid #eeeeee;

    border-radius: 5px;

}



.te_bg .te .message .form-group4 input{

    width: 140px;

    height: 38px;

    font-size: 12px;

    color: #ccc;

    text-indent: 30px;

    background: url(../images/m4.png) no-repeat 10px center ;

    float: left;

}



.te_bg .te .message .form-group4 .imgcode{

    float: right;

    width: 81px;

    height: 32px;

    margin: 3px 10px 0 0;

}



.te_bg .te .message .anniu{

    width: 125px;

    height: 42px;

    line-height: 42px;

    background: #5c0789;

    border-radius: 25px;

    margin: 37px auto 0 auto;

}



.te_bg .te .message .anniu button{

    font-size: 16px;

    color: #fff;

    width: 125px;

    height: 42px;

    line-height: 42px;

    background: #5c0789;

    border-radius: 25px;

    cursor: pointer;

    border: none;

}



.te_bg .te .message p{

    font-size: 14px;

    color: #999;

    line-height: 24px;

    margin: 25px auto 0 auto;

}





/*ys*/



.ys_bg {

    width: 100%;

    overflow: hidden;

    margin: 60px auto 0 auto;

}





.ys_bg .ys {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.ys_bg .ys .ys_t {

    text-align: center;

    margin-bottom: 50px;

}



.ys_bg .ys .ys_t h5 {

    font-size: 32px;

    font-weight: bold;

    color: #333;

}



.ys_bg .ys .ys_t span {

    font-size: 16px;

    color: #cccccc;

    text-transform: uppercase;

}



.ys_bg .ys .ys_box {

    position: relative;

    background: url(../images/ys_img.jpg) no-repeat center 20px;

    overflow: hidden;

}



.ys_bg .ys .ys_box ul.ul_l {

    float: left;

}



.ys_bg .ys .ys_box ul.ul_r {

    float: right;

}



.ys_bg .ys .ys_box ul li {

    position: relative;

    margin-bottom: 80px;

}



.ys_bg .ys .ys_box ul li .txt_t {

    overflow: hidden;

    width: 310px;

}



.ys_bg .ys .ys_box ul li .txt_t span {

    float: left;

    font-size: 26px;

    color: #5c0789;

    display: block;

    width: 42px;

    height: 50px;

    line-height: 42px;

    border: 3px solid #5c0789;

    padding-left: 8px;

    border-radius: 8px;

}



.ys_bg .ys .ys_box ul li .txt_t span i {

    border-bottom: 3px solid #5c0789;

    font-family: "Impact";

}



.ys_bg .ys .ys_box ul li .txt_t h5 {

    float: left;

    font-size: 24px;

    font-weight: bold;

    color: #333;

    padding: 3px 10px 0 10px;

    background: #fff;

    margin: 17px 0 0 -18px;

}



.ys_bg .ys .ys_box ul li .txt_t h5 i {

    display: block;

    font-size: 14px;

    font-weight: normal;

    color: #ccc;

}



.ys_bg .ys .ys_box ul li .nr {

    width: 310px;

}



.ys_bg .ys .ys_box ul li .nr p {

    font-size: 16px;

    color: #666;

    line-height: 24px;

    margin: 20px 0 12px 0px;

}



.ys_bg .ys .ys_box ul li .nr span {

    color: #bebebe;

    font-size: 14px;

    text-transform: uppercase;

}



.ys_bg .ys .ys_box ul li .icon {

    width: 100px;

    height: 100px;

    position: absolute;

    left: 404px;

    top: 25px;

}



.ys_bg .ys .ys_box ul li .icon img {

    width: 100px;

    height: 100px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out; 

}





.ys_bg .ys .ys_box ul li:hover .icon img{

    -webkit-transform: rotate(360deg); 

    -moz-transform: rotate(360deg); 

    transform: rotate(360deg); 

}







.ys_bg .ys .ys_box ul li.ys2 .icon {

    left: 300px;

    top: 20px;

}



.ys_bg .ys .ys_box ul li.ys3 .icon {

    left: 414px;

    top: 17px;

}



.ys_bg .ys .ys_box ul li.ys4 .icon {

    left: -180px;

    top: 30px;

}



.ys_bg .ys .ys_box ul li.ys5 .icon {

    left: -90px;

    top: 20px;

}



.ys_bg .ys .ys_box ul li.ys6 .icon {

    left: -205px;

    top: 17px;

}



.ys_bg .ys .ys_box ul.ul_r li {

    text-align: right;

}



.ys_bg .ys .ys_box ul.ul_r li .txt_t h5 {

    float: right;

    margin: 17px -18px 0 0;

}



.ys_bg .ys .ys_box ul.ul_r li .txt_t span {

    float: right;

    padding: 0 8px 0 0;

}



.ys_box .ys_text {

    text-align: center;

    position: absolute;

    top: 130px;

    left: 420px;

}





.ys_box .ys_text span {

    font-size: 18px;

    display: block;

    width: 200px;

    height: 35px;

    line-height: 35px;

    background: #5c0789;

    padding: 0 13px;

    border-radius: 25px;

    color: #fff;

    margin: 18px auto;

}



.ys_box .ys_text p {

    font-size: 20px;

    line-height: 24px;

    color: #333;

    font-weight: bold;

}



.ys_box .ys_text .ys_tel i {

    display: inline-block;

    font-size: 28px;

    color: #333;

    font-weight: bold;

    background: url(../images/ys_tel.png) no-repeat left center;

    padding-left: 53px;

    margin-top: 20px;

}





.ys_bg .ys .ys_box ul li.ys5 .txt_t i{

    font-size: 16px;

    color: #5c0789;

    font-weight: bold;

    line-height: 35px;

    display: block;

    position: relative;

    z-index: 9;

    border: none;

    background: url(../images/xt.png) no-repeat right bottom;

}



.ys_bg .ys .ys_box ul li.ys5 .nr p{

    font-size: 31px;

    color: #5c0789;

    font-weight: bold;

    margin-top: 30px;

}





/*about*/



.about{

    width: 1200px;

    margin: 60px auto 0 auto;

    height: 385px;

}



.about .ab_img{

    float: left;

    width: 565px;

    height: 385px;

}



.about .ab_img img{

    width: 565px;

    height: 385px;

}



.about .ab_nr{

    float: right;

    width: 590px;

} 



.about .ab_nr .ab_t{

    background: url(../images/ab_t.png) no-repeat  top right;

    width: 263px;

    height: 93px;

    margin-left: 327px;

}



.about .ab_nr .ab_t h5{

    text-align: right;

    margin-right: 20px;

    font-size: 18px;

    color: #e0e0e0;

    padding-top: 65px;

}





.about .ab_nr h6{

    font-size: 30px;

   color: #444444;

   font-weight: bold;

   margin-top: 5px;

}





.about .ab_nr p{

    font-size: 14px;

   color: #666666;

   line-height: 30px;

   height: 150px;

   overflow: hidden;

   text-indent: 2em;

   margin-top: 23px;

}



.about .ab_nr .zx{

    height: 50px;

    margin-top: 15px;

}



.about .ab_nr .zx .more{

    float: left;

    width: 66px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #cccccc;

    margin-top: 10px;



}



.about .ab_nr .zx .more a{

    display: block;

    text-align: center;

    font-size: 14px;

    color: #666666;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

}







.about .ab_nr .zx .tel{

    background: url(../images/ab_tel.png) no-repeat  center;

    float: right;

    width: 279px;

    height: 50px;

    line-height: 50px;

}



.about .ab_nr .zx .tel span{

    font-size: 30px;

    color: #fff;

    font-family: "Impact";

    padding-left: 30px;

}



/*case*/



.case_bg{

    width: 100%;

    margin: 30px auto 0 auto;

    background: url(../images/case_bg.jpg) no-repeat top  center;

}



.case_bg .csae{

    width: 1200px;

    margin: 0 auto;

    padding-top: 40px;

}



.case_bg .csae .cont{

    height: 138px;

    margin: 0 auto;

}



.case_bg .csae .cont .txt{

    float: left;

    margin-top: 30px;

}



.case_bg .csae .cont .txt h5{

    font-size: 26px;

    font-weight: bold;

    color: #fff;



}



.case_bg .csae .cont .txt p{

    font-size: 18px;

    color: #fff;

    margin-top: 8px;

}



.case_bg .csae .cont .cont_r{

    float: right;

}



.case_bg .csae .cont .zx{

    margin-right: 30px;

    margin-top: 18px;

    float: left;

}



.case_bg .csae .cont .zx .tel{

    font-size: 14px;

    color: #fff;

    text-align: right;

}

.case_bg .csae .cont .zx .tel p{

    font-size: 28px;

    color: #fff;

    font-family: "Impact";

}



.case_bg .csae .cont .zx .zixun{

    width: 120px;

    height: 28px;

    line-height: 28px;

    background: #fff;

    border-radius: 5px;

    float: right;

    margin-top: 8px;

}



.case_bg .csae .cont .zx .zixun a{

    text-align: center;

    display: block;

    font-size: 14px;

    color: #333;

}



@keyframes msClock {

    0%,70%,100% {

      transform: rotate(0) scale(1);

    }

    10%,30% {

      transform: rotate(-15deg) scale(1.1);

    }

    20%,40% {

    transform: rotate(15deg) scale(1.1);

    }

}

.top_tel{

    width: 53px;

    height: 53px;

    animation: msClock 1.2s linear infinite;

    animation: msClock 1.2s linear infinite;

    float: right;

    margin-right: 10px;

    margin-top: 25px;

}







.case_bg .csae .case_box{

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.case_bg .csae .case_box .case_t{

    position: absolute;

    right: 190px;

    top: 10px;

    background: url(../images/case_t.png) no-repeat center;

    width: 491px;

    height: 85px;

    z-index: 5;

}



.case_bg .csae .case_box .case_t h5{

    font-size: 22px;

    font-weight: bold;

    color: #fff;

    padding-left: 295px;



}



.case_bg .csae .case_box .case_t .more{

    width: 30px;

    height: 30px;

    padding-left: 298px;

    margin-top: 25px;

    display: block;

}



.case_bg .csae .case_box .hot_case{

    height: 290px;

}



.case_bg .csae .case_box .hot_case .pic{

    float: left;

    width: 380px;

    height: 290px;

    position: relative;

}



.case_bg .csae .case_box .hot_case .pic img{

    width: 380px;

    height: 290px;

    border-radius: 5px;

}



.case_bg .csae .case_box .hot_case .pic .more img{

    position: absolute;

    left: 132px;

    top: 87px;

    width: 116px;

    height: 116px;

}



.case_bg .csae .case_box .hot_case .txt{

    float: left;

    margin-left: 30px;

    margin-top: 160px;

    width: 765px;

}



.case_bg .csae .case_box .hot_case .txt h5 a{

    font-size: 16px;

    color: #333;

    font-weight: bold;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    background: url(../images/xt.png) no-repeat left center;

    padding-left: 50px;

}



.case_bg .csae .case_box .hot_case .txt p{

    font-size: 14px;

    color: #666;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin: 10px 0 12px 50px;

}



.case_bg .csae .case_box .hot_case .txt .more{

    width: 32px;

    height: 32px;

    display: block;

    margin-left: 27px;



}





.case_bg .csae .case_box .list{

    margin: 30px auto  0 auto;

}



.case_bg .csae .case_box .list ul li{

    float: left;

    width: 380px;

    height: 335px;

    position: relative;

    margin-right: 20px;

}



.case_bg .csae .case_box .list ul li .pic{

    width: 380px;

    height: 290px;

    position: relative;

}



.case_bg .csae .case_box .list ul li .pic img{

    width: 380px;

    height: 290px;

    border-radius: 5px;

}



.case_bg .csae .case_box .list ul li .txt{

    width: 350px;

    height: 40px;

    line-height: 40px;

    padding: 0 20px 0 10px;

    z-index: 5;

    position: relative;

}



.case_bg .csae .case_box .list ul li .txt h5 a{

    float: left;

    font-size: 14px;

    color: #333;

    width: 260px;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case_bg .csae .case_box .list ul li .txt .more{

    float: right;

    width: 16px;

    height: 14px;

    margin-top: 13px;

    background: url(../images/more4.png) no-repeat center;

}



.case_bg .csae .case_box .list ul li .txt i{

    position: absolute;

    z-index: -1;

    width: 0;

    height: 1px;

    background: #5c0789;

    left: 0;

    bottom: 0;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case_bg .csae .case_box .list ul li:hover .txt i{

  width: 100%;



}





/*news*/



.news{

    width: 1200px;

    margin: 60px auto 0 auto;

}



.news .news_t{

    width: 1200px;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #e6e6e6;

}



.news .news_t h3 a{

    display: block;

    float: left;

    font-size: 24px;

    color: #5c0789;

    font-weight: bold;

}



.news .news_t h3 a span{

    font-size: 14px;

    color: #ccc;

    font-weight: normal;

    text-transform: uppercase;

}



.news .news_t .news_list{

    float: right;

    height: 40px;

    line-height: 40px;

}



.news .news_t .news_list ul li{

    width: 80px;

    float: left;

}



.news .news_t .news_list ul li a{

    text-align: center;

    font-size: 14px;

    color: #666;

    display: block;

}



.news .news_t .news_list ul li.casehover{

    border-bottom: 2px solid #5c0789;

}



.news .news_t .news_list ul li.casehover a{

    color: #5c0789;

}





.news .news_box{

    margin: 40px auto 0 auto;

}



.news .news_box .news_top{

    height: 323px;

}



.news .news_box .news_top .hd{

    height: 323px;

}



.news .news_box .news_top .hd ul li{

    width: 231px;

    height: 323px;

    background: #fafafa;

    float: left;

    margin: 0 7px;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out; 

}





.news .news_box .news_top .hd ul li .txt{

    padding: 18px;

}



.news .news_box .news_top .hd ul li .txt .time{

    margin-top: 20px;

}



.news .news_box .news_top .hd ul li .txt .time span{

    display: block;

    font-size: 32px;

    color: #5c0789;

}



.news .news_box .news_top .hd ul li .txt .time p{

    font-size: 14px;

    color: #ccc;

}





.news .news_box .news_top .hd ul li .txt .nr{

    margin-top: 20px;

}





.news .news_box .news_top .hd ul li .txt .nr h5 a{

    font-size: 14px;

    color: #4c4c4c;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

}



.news .news_box .news_top .hd ul li .txt .nr p{

    font-size: 14px;

    color:  #808080;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    margin-top: 20px;

} 



.news .news_box .news_top .hd ul li .txt .xq img{

    display: block;

    width: 53px;

    height: 6px;

    margin-top: 40px;

}



.news .news_box .news_top .hd ul li .txt_on{

    width: 440px;

    height: 323px;

    background: #fafafa;

    position: absolute;

    left: 0px;

    top: 0;

    display: none;

}



.news .news_box .news_top .hd ul li .txt_on .news_img{

    width: 440px;

    height: 254px;

}



.news .news_box .news_top .hd ul li .txt_on .news_img img{

    width: 440px;

    height: 254px;

}



.news .news_box .news_top .hd ul li .txt_on .xq{

  height: 69px;

}



.news .news_box .news_top .hd ul li .txt_on .xq .time{

    float: left;

    width: 71px;

    height: 69px;

    background: #5c0789;

    text-align: center;

}



.news .news_box .news_top .hd ul li .txt_on .xq .time span{

    font-size: 32px;

    color: #fff;

    line-height: 40px;

}



.news .news_box .news_top .hd ul li .txt_on .xq .time p{

    font-size: 14px;

    color: #fff;

}



.news .news_box .news_top .hd ul li .txt_on .nr{

    float: left;

    margin-left: 20px;

    width: 349px;

}



.news .news_box .news_top .hd ul li .txt_on .nr h5 a{

    font-size: 14px;

    color:  #4c4c4c;

    float: left;

    width: 320px;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    line-height: 69px;

}



.news .news_box .news_top .hd ul li .txt_on .nr .more img{

    width: 21px;

    height: 21px;

    float: right;

    margin: 24px 20px 0 0;



}

.news .news_box .news_top .hd ul li.on{

    width: 440px;

    height: 323px;

}





.news .news_box .news_top .hd ul li.on .txt_on{

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out; 

}



.news .news_box .list{

    margin-top: 1px;

}



.news .news_box .list ul li{

    float: left;

    width: 380px;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #e6e6e6;

    position: relative;

    margin-right: 20px;

}



.news .news_box .list ul li a{

    float: left;

    font-size: 14px;

    color:#4c4c4c;

    float: left;

    width: 265px;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out; 

}



.news .news_box .list ul li span{

    float: right;

    font-size: 12px;

    color:#999;

}



.news .news_box .list ul li i{

    position: absolute;

    left: 0;

    bottom: 0;

    background: #5c0789;

    width: 0;

    height: 1px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out; 

}



.news .news_box .list ul li:hover i{

    width: 100%;

}



.news .news_box .list ul li:hover a{

    color: #5c0789;

}





/*links*/



.links_bg{

    width: 100%;

    margin: 50px auto 0 auto;

    height: 100px;

    background: #f1f1f1;

    overflow: hidden;

}



.links{

    width: 1200px;

    margin: 0 auto;

    height: 100px;

    line-height: 100px;

}



.links .links_t{

    float: left;

    background: url(../images/links.png) no-repeat left center;

    width: 137px;

    height: 36px;

    line-height: 36px;

    margin-top: 32px;

}



.links .links_t h5{

    font-size: 16px;

    color: #333;

    font-weight: bold;

    padding:  7px 0 0 47px;



}



.links .yq{

    float: right;

    width: 1055px;

}



.links .yq a{

    font-size: 14px;

    color: #333;

    margin: 0 10px;

}